<template>
  <view class="privacy-container">
    <!-- 顶部导航 -->
    <!-- <view class="header">
      <view class="back-btn" @click="goBack">
        <text class="back-icon">‹</text>
      </view>
      <text class="title">用户协议与隐私政策</text>
    </view> -->

    <!-- 协议内容 -->
    <scroll-view class="content-scroll" scroll-y>
      <view class="content">
        <view class="section">
          <view class="section-title">一、协议范围与效力</view>
          <view class="section-content">
            <text class="paragraph">
              本协议是用户与平台就使用平台提供的各项服务（包括但不限于账号注册、信息发布、交易结算、内容浏览等，以下统称"平台服务"）所订立的具有法律约束力的合同。
            </text>
            <text class="paragraph">
              用户在注册、登录或使用平台服务前，应仔细阅读并充分理解本协议全部条款（特别是加粗标注的免责、限制责任、权利放弃相关条款），用户点击"同意"或实际使用平台服务，即视为已完全接受本协议，愿意受本协议约束。
            </text>
            <text class="paragraph">
              若用户为未成年人（指未满18周岁的自然人），应在法定监护人陪同下阅读本协议，并在获得法定监护人明确同意后使用平台服务；法定监护人应承担未成年人使用平台服务的相应责任。
            </text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">二、用户账号</view>
          <view class="section-content">
            <view class="subsection">
              <view class="subsection-title">（一）账号注册与绑定</view>
              <text class="paragraph">
                用户需通过平台认可的方式（如手机号、邮箱等）注册账号，注册时应提供真实、准确、完整的身份信息（包括但不限于姓名、手机号、证件信息等），并及时更新信息以保证其有效性。
              </text>
              <text class="paragraph">
                平台有权对用户提交的信息进行验证（如通过短信验证码、实名认证等方式），若用户提供虚假信息或信息失效，平台有权拒绝提供服务、暂停或注销账号。
              </text>
              <text class="paragraph">
                用户账号的所有权归平台所有，用户仅享有账号的使用权，且使用权不得转让、出租、出借或赠与给他人。
              </text>
            </view>

            <view class="subsection">
              <view class="subsection-title">（二）账号安全</view>
              <text class="paragraph">
                用户应妥善保管账号密码、验证码等身份识别信息，对账号下的所有操作（包括信息发布、交易行为等）承担全部责任。
              </text>
              <text class="paragraph">
                若发现账号被盗用、异常登录或其他安全问题，用户应立即通过平台客服渠道（如客服电话、在线客服）通知平台，并配合平台进行核查；因用户未及时通知或保管不当导致的损失，由用户自行承担。
              </text>
            </view>
          </view>
        </view>

        <view class="section">
          <view class="section-title">三、平台服务规则</view>
          <view class="section-content">
            <view class="subsection">
              <view class="subsection-title">（一）服务内容</view>
              <text class="paragraph">
                平台将按照本协议约定及运营规划，为用户提供信息展示、交易撮合、技术支持等服务，具体服务内容以平台实际提供为准。
              </text>
              <text class="paragraph">
                平台有权根据法律法规变化、业务调整或技术升级，对服务内容进行变更（如新增或下架功能），并通过平台公告、站内信等方式通知用户；若用户不同意变更，可停止使用平台服务，若继续使用则视为接受变更后的服务。
              </text>
            </view>

            <view class="subsection">
              <view class="subsection-title">（二）用户使用规范</view>
              <text class="paragraph">
                用户在使用平台服务时，应遵守法律法规、公序良俗及本协议约定，不得实施以下行为：
              </text>
              <view class="list">
                <text class="list-item">1. 发布或传播含有违法、暴力、色情、诽谤、歧视等违法违规或违背公序良俗的内容；</text>
                <text class="list-item">2. 未经授权获取或使用平台数据、技术接口，或对平台服务进行反向工程、破解、篡改；</text>
                <text class="list-item">3. 干扰平台正常运营（如发送垃圾信息、恶意刷单、攻击服务器等）；</text>
                <text class="list-item">4. 侵犯他人知识产权、隐私权、名誉权等合法权益；</text>
                <text class="list-item">5. 其他违反法律法规或平台规则的行为。</text>
              </view>
              <text class="paragraph">
                若用户违反上述约定，平台有权根据情节严重程度采取警告、删除内容、暂停账号、终止服务等措施，给平台或第三方造成损失的，用户应承担赔偿责任。
              </text>
            </view>
          </view>
        </view>

        <view class="section">
          <view class="section-title">四、隐私保护</view>
          <view class="section-content">
            <text class="paragraph">
              平台将按照《平台隐私政策》（可在平台首页或注册页面查看）收集、使用、存储用户的个人信息，《隐私政策》为本协议的组成部分，与本协议具有同等法律效力。
            </text>
            <text class="paragraph">
              平台承诺采取合理的技术和管理措施保护用户个人信息安全，不泄露、出售或非法提供给第三方，但法律法规要求、用户同意或为提供平台服务所必需的情况除外。
            </text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">五、知识产权</view>
          <view class="section-content">
            <text class="paragraph">
              平台上的所有内容（包括但不限于文字、图片、商标、logo、软件代码等）的知识产权归平台或相关权利人所有，受法律法规保护。
            </text>
            <text class="paragraph">
              用户在平台发布的内容（如评论、作品等），若未特别声明，视为授予平台免费、非独占、可转授权的使用权（包括但不限于在平台内展示、传播、存储等），用户应对其发布内容的知识产权承担全部责任，确保不侵犯第三方权益。
            </text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">六、免责与责任限制</view>
          <view class="section-content">
            <text class="paragraph">
              平台仅提供技术服务和信息撮合，不对用户发布内容的真实性、准确性、合法性承担保证责任，也不对用户之间的交易纠纷（如商品质量、服务履约等）直接承担责任；用户应自行判断信息真实性并承担交易风险。
            </text>
            <text class="paragraph">
              因不可抗力（如自然灾害、政策调整）、第三方服务故障（如网络运营商中断、支付机构故障）或用户自身原因（如设备故障、操作失误）导致平台服务无法正常提供或用户遭受损失的，平台不承担赔偿责任，但将尽力协助解决问题。
            </text>
            <text class="paragraph">
              平台对服务的稳定性、安全性不作绝对保证，若因技术故障导致服务暂时中断，平台将及时修复，但不承担由此造成的间接损失（如预期收益、商业信誉损失等）。
            </text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">七、协议的变更与终止</view>
          <view class="section-content">
            <text class="paragraph">
              平台有权根据法律法规变化或业务需求修改本协议，修改后的协议将通过平台公告、站内信等方式通知用户，自通知发布之日起7日后生效；若用户不同意修改，可停止使用平台服务，若继续使用则视为接受修改后的协议。
            </text>
            <text class="paragraph">
              有下列情形之一的，平台有权终止本协议，停止提供服务：
            </text>
            <view class="list">
              <text class="list-item">1. 用户违反本协议约定，经平台通知后仍未改正；</text>
              <text class="list-item">2. 用户账号连续12个月未使用且无余额或未完成交易；</text>
              <text class="list-item">3. 用户主体资格终止（如自然人死亡、企业注销）；</text>
              <text class="list-item">4. 法律法规要求或平台认为有必要终止服务的其他情形。</text>
            </view>
            <text class="paragraph">
              协议终止后，平台将停止提供服务，但用户应承担的违约责任、赔偿责任及隐私保护义务不受影响。
            </text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">八、争议解决</view>
          <view class="section-content">
            <text class="paragraph">
              因本协议引起的或与本协议有关的争议，双方应首先通过友好协商解决；协商不成的，任何一方有权向平台所在地有管辖权的人民法院提起诉讼。
            </text>
            <text class="paragraph">
              本协议的成立、生效、履行、解释及争议解决，均适用中华人民共和国法律（不包括港澳台地区法律）。
            </text>
          </view>
        </view>

        <view class="footer-info">
          <text class="update-time">最后更新时间：2025年9月9日</text>
          <text class="version">版本号：v1.0</text>
        </view>
      </view>
    </scroll-view>

    <!-- 底部按钮 -->
    <view class="bottom-actions">
      <view class="agree-btn" @click="handleAgree">
        <text class="btn-text">我已阅读并同意</text>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
// 返回上一页
const goBack = () => {
  uni.navigateBack()
}

// 同意协议
const handleAgree = () => {
  uni.setStorageSync('privacyAgreed', true)
  uni.showToast({
    title: '协议已同意',
    icon: 'success'
  })
  setTimeout(() => {
    uni.navigateBack()
  }, 1500)
}
</script>

<style lang="scss" scoped>
.privacy-container {
  min-height: 100vh;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
}

.header {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  padding: 20rpx 30rpx;
  background-color: #fff;
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);

  .back-btn {
    width: 60rpx;
    height: 60rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f5f5f5;
    margin-right: 20rpx;

    .back-icon {
      font-size: 36rpx;
      color: #333;
    }
  }

  .title {
    font-size: 32rpx;
    font-weight: bold;
    color: #333;
  }
}

.content-scroll {
  flex: 1;
  padding: 20rpx;
}

.content {
  background-color: #fff;
  border-radius: 12rpx;
  padding: 30rpx;
  margin-bottom: 20rpx;
}

.section {
  margin-bottom: 40rpx;

  &:last-child {
    margin-bottom: 0;
  }

  .section-title {
    font-size: 32rpx;
    font-weight: bold;
    color: #333;
    margin-bottom: 20rpx;
    padding-left: 20rpx;
    border-left: 6rpx solid #1989fa;
  }

  .section-content {
    .paragraph {
      font-size: 28rpx;
      color: #666;
      line-height: 1.8;
      margin-bottom: 16rpx;
      text-align: justify;
    }

    .subsection {
      margin-bottom: 30rpx;

      &:last-child {
        margin-bottom: 0;
      }

      .subsection-title {
        font-size: 30rpx;
        font-weight: bold;
        color: #444;
        margin-bottom: 12rpx;
      }
    }

    .list {
      margin: 16rpx 0;
      padding-left: 40rpx;

      .list-item {
        font-size: 28rpx;
        color: #666;
        line-height: 1.8;
        margin-bottom: 8rpx;
        position: relative;
        padding-left: 20rpx;

        &::before {
          content: '';
          position: absolute;
          left: 0;
          top: 16rpx;
          width: 8rpx;
          height: 8rpx;
          background-color: #1989fa;
          border-radius: 50%;
        }
      }
    }
  }
}

.footer-info {
  text-align: center;
  padding: 40rpx 0;

  .update-time,
  .version {
    font-size: 24rpx;
    color: #999;
    margin-bottom: 8rpx;
  }
}

.bottom-actions {
  padding: 20rpx 30rpx;
  background-color: #fff;
  box-shadow: 0 -2rpx 8rpx rgba(0, 0, 0, 0.1);

  .agree-btn {
    width: 100%;
    height: 88rpx;
    background-color: #1989fa;
    border-radius: 44rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;

    &:active {
      background-color: #1677dd;
    }

    .btn-text {
      font-size: 32rpx;
      color: #fff;
      font-weight: bold;
    }
  }
}

/* 响应式设计 */
@media (max-width: 750rpx) {
  .content {
    padding: 20rpx;
  }

  .section {
    .section-title {
      font-size: 30rpx;
    }

    .section-content {
      .paragraph {
        font-size: 26rpx;
      }

      .subsection-title {
        font-size: 28rpx;
      }

      .list-item {
        font-size: 26rpx;
      }
    }
  }
}
</style>